.Contact{
    width: 100%;
    height: 100%;
    header{
        width: 97%;
        height: 10%;
        font-size: 20px;
        line-height: 50px;
        // background-color: rgba(153, 153, 153, 0.719);
        padding-left: 3%;
        display: flex;
        align-items: center;
    }
    main{
        width: 84%;
        height: 70%;
        // background-color: rgb(253, 250, 250);
        margin:0 3%;
        padding:3% 5%;
        display: flex;
        flex-wrap: wrap;
        overflow-y:auto;
        >div{
            width:30%;
            height: 35%;
            background-color: rgb(253, 250, 250);
            padding-top: 5%;
            position: relative;
            border: 1px solid #2DA7E0;
            border-radius: 6px;
            margin-bottom: 4%;
            .Contact-name{
                text-align: center;
                border-radius: 50%;
                width: 50%;
                height: 20%;
                background-color: #2DA7E0;
                position: absolute;
                left: 25%;
                top: -9%;
                color: white;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .Contact-details{
                width: 90%;
                display: flex;
                margin-left:15%;
                padding-bottom: 5%;
                >div:nth-child(1){
                    width: 45%;
                }
            }
        }
        >div:nth-child(3n+2){
            margin: 0 4.7%;
        }
    }
}